<script type="text/javascript">
  function initialize() {
    if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map_canvas"));
      map.setCenter(new GLatLng(40.004003, -83.019363), 15);
      map.setUIToDefault();
      
      var marker1 = new GMarker(new GLatLng(40.004003, -83.019363), {draggable: true});        
      map.addOverlay(marker1);
      
      GEvent.addListener(marker1, "dragend", function() {
		  var point = marker1.getLatLng(); 
		  var lat = point.lat();
		  var lng = point.lng();
 		  
		  document.getElementById("latitude").value = lat;
		  document.getElementById("longitude").value = lng;
		  
		});
    }      
  }
</script>

<div id="map_canvas" style="width: 500px; height: 300px"></div>
<form action="<c:url value="/ponto" />" method="post">
	<input id="latitude" type="text" name="ponto.latitude" value="" />
	<input id="longitude" type="text" name="ponto.longitude" value="" />
</form>
